<!DOCTYPE html>
<html lang ="en">
<head>
	<meta charset="UTF-8">
	<title></title>
	<script src="http://apps.bdimg.com/libs/angular.js/1.3.9/angular.min.js"></script>
	<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>
</head>
<body>
	<h1>AngularJS Http</h1>
	
	<div ng-app="myApp" ng-controller="citysCtrl">
	
	<ul>
	  <li ng-repeat="x in citys">
	    {{ x.name + "----" + x.number}}
	  </li>
	</ul>
	
	</div>
	
	<script>
	var app = angular.module('myApp', []);
	app.controller('citysCtrl', function($scope, $http) {
	    $http.get("http://localhost:8080/angular/citys/data")
	    .success(function(response) {$scope.citys = response.citys;});
	});
	</script> 
</body>
</html>